<template>
  <div>
    <div class="logo">
      <h5>欢迎来到小u商城</h5>
      <img src="../../../public/img/pic/logo/orange@3x.png" alt="" />
    </div>
    <van-button type="primary" block @click="account">账号密码登录</van-button>
    <a @click="authcode">验证码/短信登录</a>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {
    account(){ // 账号密码登录
      this.$router.push('/account')
    },
    authcode(){ // 验证码登录
      this.$router.push('/auth-code')
    }
  },
  components: {},
};
</script>

<style scoped lang="less">
*{
   font-size: 30px;
}
.logo{
   margin: 50% auto 0 ;
   img{
      margin-top: 20px;
      width: 50%;
      height: 50%;
   }
}
.van-button{
   width: 80%;
   margin: 20px auto;
}
a{
   color: #39f;
}
</style>
